*{
    margin: 0;
    padding: 0;
}


body{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
}

.big{
    width: 100%;
    height: auto;
    background-image: linear-gradient(#F6F2D5 0%,#fff 30%);
    display: flex;
    justify-content: center;
    position: relative;
}

.head{
    position: absolute;
    width: 100%;
    height: 40px;
    font-size: 25px;
    background-image: linear-gradient(#F1BF84 0%,#F9DBB7 50%);
}

.head label{
    display: inline-block;
    width: auto;
    height: auto;
}

.head div{
    width: auto;
    height: auto;
    margin-left: 10%;
}

.head div label:first-child,
.head div label:last-child{
    color: #fff;
}

.head div label:nth-child(2){
    color: #934422;
}

.big form{
    width: auto;
    height: auto;
    margin-top: 100px;
}

.big table tr{
    width: auto;
    height: 50px;
}

.big table tr:last-child td{
    text-align: center;
}
.big table tr:last-child td button:first-child{
    width: 80px;
    height: 34px;
    border: 0;
    border-radius: 2px;
    background-image: url("../Image/submit.gif");
}

.big table tr:last-child td button:last-child{
    width: 80px;
    height: 34px;
    border: 0;
    border-radius: 2px;
    background-image: url("../Image/reset.gif");
}

.treaty{
    width: 30vw;
    height: 30vw;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 10%;
}

.treaty i{
    font-size: 20px;
    margin-top: 50px;
}

.treaty div{
    width: 80%;
    height: 80%;
    border: 1px solid #000;
    margin: 0 auto;
    margin-top: 20px;
    overflow: auto;
    border-radius: 15px;
}